@charset "utf-8";
@import "common/reset";
@import "common/public";
@function r($px) {
    @return $px/100*1rem
}

$color:#ff9344;
.web {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    section {
        width: 100%;
        position: absolute;
        left: 0;
        top: r(150);
        overflow-y: auto;
        bottom: r(144);
        padding: 0 r(20);
        .title {
            width: 100%;
            margin-top: r(31);
            p {
                text-align: center;
                font-size:r(26);
            }
            >table {
                width:r(514);
                height: r(131);
                margin: r(16) auto r(20);
                border: r(3) solid white;
               
                tr {
                    td {
                        
                        width: r(124);
                        text-align: center;
                        background-color: #dcdcdc;
                        font-size: r(20);
                        color: #898989;
                    }
                    td:nth-of-type(2) {
                        width: r(124);
                        text-align: center;
                        background-color: #dcdcdc;
                        font-size: r(20);
                        color: #898989;
                    }
                }
            }
        }
        .t_shop {
            width: 100%;
            .t_shop_head {
                width: 100%;
                p {
                    font-size: r(30);
                   
                    vertical-align: middle;
                    >i {
                        font-size: r(56);
                        color: $color;
                        vertical-align: middle;
                        padding-right: r(10);
                        padding-left:r(21);
                    }
                    span {
                        float: right;
                        font-size: r(24);
                        padding-top:r(10);
                        i {
                            font-size: r(27);
                            color: $color;
                            vertical-align: middle;
                            padding-right: c(10);
                        }
                    }
                }
            }
            .table_img {
                width: 100%;
                table {
                    border: r(10) solid white;
                    width: r(709);
                    height: r(355);
                    margin: 0 auto;
                    font-size: 0;
                    tr:nth-of-type(1){
                        td{
                            width: r(280);
                            height: r(355);
                            img{
                               height: 100%;
                            }
                        }
                         td:nth-of-type(2){
                            width: r(420);
                            height: r(149);
                            img{
                               width: 100%;
                            }
                        }
                    }
                     tr:nth-of-type(2){
                        td{
                            width: r(195);
                            height: r(198);
                            img{
                               height: 100%;
                            }
                        }
                         
                    }
                }
            }
            .hot_img{
                width: r(709);
                height: r(200);
                margin: r(0) auto c(0);
                .left{
                    width: r(230);
                    height: r(200);
                    img{
                        width: 100%;
                    }
                }
                .center{
                    margin: 0 r(8);
                    width: r(230);
                    height: r(200);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                 .right{
                    width: r(230);
                    height: r(200);
                    img{
                      width: 100%;
                      height: 100%;
                    }
                }
            }
        }
    }
   
}